import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    styleNum: 0,
    // 顶部导航栏颜色
    navBarStyles: [
        "linear-gradient(to right, #68b5fd, #409eff)",
      // "linear-gradient(to right, #fb6ca3, #ff0000)",
        "#ef233c",
      "linear-gradient(to right, #ea9ff4, #d252ef)",
      "linear-gradient(to right, #636b6f, #354349)",
    ],

    // 首页两个按钮的颜色
    mainpageBtnColor:[
        ["#57abfa", "rgb(254, 93, 95)"],
      ["linear-gradient(to right, #ff85a1, #ff477e)", "linear-gradient(to right, #ff477e, #ef233c)"],
        ["linear-gradient(to right, #6cfbbb, #39ea48)", "linear-gradient(to right, #ea9ff4, #d252ef)"],
        ["#636b6f", "#354349"],
    ],
    // 首页饼状图的颜色
    mainpageBtnPieColor:[
      ["rgb(109, 184, 255)", "rgb(232, 232, 232)"],
      ["#ff477e", "rgb(232, 232, 232)"],
      ["#ea9ff4","rgb(232, 232, 232)"],
      ["#636b6f", "#354349"],
    ],

    // 月份柱状图的颜色
    monthBarColor:[
        "rgb(80, 135, 236)",
      "#ff477e",
      "#ea9ff4",
      "#636b6f"
    ],

    // 每日柱状图的颜色
    dayBarColor: [
      "rgb(80, 135, 236)",
      "#ff477e",
      "#ea9ff4",
      "#636b6f"
    ],

    // 收款方式饼状图的颜色
    payPieColor: [
        ["rgb(105,219,219)",
          "rgb(162,230,148)",
          "rgb(110,220,174)",
          "rgb(255,137,138)",
          "rgb(255,217,123)",
          ],

        ["#ff477e",
            "#B1B2FF",
          "#fed9b7",
          "#f7a072",
          "#b8e0d2",],

        ["#cdc1ff",
          "#49b6ff",
          "#ffc8dd",
          "rgb(110,220,174)",
          "rgb(255,217,123)",
        ],
      [
        '#736f72',
        '#9a8f97',
        '#b2b2b2',
        '#c3baba',
        '#e9e3e6'
      ],

    ],



    // 切换风格
    checked: false,
  },
  getters: {
  },
  mutations: {
    changeChecked(state) {
      state.checked = !state.checked
    },
    changeStyleNum(state, num) {
        state.styleNum = num
    }
  },
  actions: {
  },
  modules: {
  }
})


      
